<template lang="html">
  <div class="fei2">
    <div class="zxxm">
      <div class="">
        <p><img src="../../static/imgs/shu2.png" alt="">自选项目</p>
        <ul>
          <li v-for="item of obj3"><a href="javascript:void(0)">{{item.cnName}}</a></li>
        </ul>
      </div>
      <div class="">
        <p><img src="../../static/imgs/shu2.png" alt="">购物场所</p>
        <ul>
          <li v-for="item of obj4">{{item.cnName}}</li>
        </ul>
      </div>
      <div class="" @click="chuan()">
        <router-link to="/lion/fei/feiyong">
          <p><img src="../../static/imgs/shu2.png" alt="">费用说明&预定须知<img  src="../../static/imgs/right2.png"/></p>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
import bus from "../js/bus.js"
import feiyong from '../components/feiyong'
export default {
  props:['obj3','obj4','obj6'],
  methods:{
    chuan(){
      bus.$emit('data',this.obj6);
    }
  }
}
</script>

<style lang="css">
.zxxm>div{
  background: #fff;
  margin-top: 1rem;
  padding: 1.5rem;
  font-size: 1.6rem;
}
.zxxm>div img{
  vertical-align: middle;
  width: 6%;
}
.zxxm>div:nth-of-type(1) li{
  margin-top: 1rem;
}
.zxxm>div:nth-of-type(1) a{
  color: #006eb9;
  font-size: 1.2rem;
  margin-left: 2%;
}
.zxxm>div:nth-of-type(2) li{
  margin-top: 1rem;
  margin-left: 2%;
  color: #666;
  font-size: 1.2rem;
}
.zxxm>div:nth-of-type(3) img:nth-of-type(2){
  width: 3%;
  float: right;
  margin-top: 2%;
}
</style>
